<html>
<head>
  <title>Demo</title>
  <link rel="stylesheet" type="text/css" href="./demo.css">
  <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.js'></script>
  <script type='text/javascript' src='http://rawgithub.com/cubiq/iscroll/master/build/iscroll.js'></script>
  <script type="text/javascript" src="../src/ng-iscroll.js"></script>
  <script type="text/javascript" src="./app.js"></script>
</head>

<div id="header"><a href="http://cubiq.org/iscroll">iScroller Test</a></div>
<div ng-app='App'>
  <div ng-controller='Controller'>
    <!-- <div id="wrapper" ng-iscroll ng-iscroll-delay="2050" ng-iscroll-form="true"> -->
      <div id="wrapper" ng-iscroll ng-iscroll-delay="2050">
      <div id="scroller">
        <ul id="thelist">
          <li><input type="text"></li>
          <li>Pretty row 2</li>
          <li>
            <input name="radioTest" type="radio"> True
            <input name="radioTest" type="radio"> False
          </li>
          <li>Pretty row 4</li>
          <li>
            <input name="test" value="1" type="checkbox">Meteors
            <input name="test2" value="0" type="checkbox">Asteriods
          </li>
          <li>Pretty row 6</li>
          <li><select><option>opt</option></select></li>
          <li>Pretty row 8</li>
          <li>Pretty row 9</li>
          <li><a href="http://google.com" target="_blank">Pretty row 10</a></li>
          <li>Pretty row 11</li>
          <li>Pretty row 12</li>
          <li>Pretty row 13</li>
          <li>Pretty row 14</li>
          <li>Pretty row 15</li>
          <li>Pretty row 16</li>
          <li>Pretty row 17</li>
          <li>Pretty row 18</li>
          <li>Pretty row 19</li>
          <li>Pretty row 20</li>
          <li>Pretty row 21</li>
          <li>Pretty row 22</li>
          <li>Pretty row 23</li>
          <li>Pretty row 24</li>
          <li>Pretty row 25</li>
          <li>Pretty row 26</li>
          <li>Pretty row 27</li>
          <li>Pretty row 28</li>
          <li>Pretty row 29</li>
          <li>Pretty row 30</li>
          <li>Pretty row 31</li>
          <li>Pretty row 32</li>
          <li>Pretty row 33</li>
          <li>Pretty row 34</li>
          <li>Pretty row 35</li>
          <li>Pretty row 36</li>
          <li>Pretty row 37</li>
          <li>Pretty row 38</li>
          <li>Pretty row 39</li>
          <li>Pretty row 40</li>
        </ul>
      </div>
    </div>
  </div>
</div>
<div id="footer"></div>
